<html xmlns:v><head><style>v\:*{behavior:url(#default#vml)}</style></head><body>
<div style="width:400px;height:400px;border:solid 1px;" id="contain">
<v:line/><v:line/><v:line/><v:line/>
<v:line/><v:line/><v:line/><v:line/>
<v:line strokeweight="2" strokecolor="blue" to="400,200"><v:stroke endarrow="block"/></v:line>
<v:line strokeweight="2" strokecolor="blue" to="200,0"><v:stroke endarrow="block"/></v:line>
<v:shape id="_x0000_s1030" style='position:absolute;left:4397;top:3922;
  width:2974;height:1767' coordsize="3420,2028" path="m360,936l3420,,2880,2028,,1872,360,936xe"
  fillcolor="yellow">
  <v:path arrowok="t"/>
 </v:shape>
</div>
<script>
var starx=150;var stary=150;var round=100;var thita=Math.PI/16;
mylin=contain.childNodes;


for(i=0;i<10;i++){
	mylin[i].from.x=150;
	mylin[i].from.y=150;
}

function point(x,y,z){
	this.x=x;
	this.y=y;
	this.z=z;
}

p=new Array();
p[0]=new point(1,1,1);
p[1]=new point(-1,1,1);
p[2]=new point(-1,-1,1);
p[3]=new point(1,-1,1);
p[4]=new point(1,1,-1);
p[5]=new point(-1,1,-1);
p[6]=new point(-1,-1,-1);
p[7]=new point(1,-1,-1);

function myturn(){
for(i=0;i<p.length;i++){
tx=Math.cos(thita)*p[i].x-Math.sin(thita)*p[i].y;
ty=Math.cos(thita)*p[i].y+Math.sin(thita)*p[i].x;
p[i].x=tx;
p[i].y=ty;
}
}

function myfresh(){
for(i=0;i<p.length;i++)
{
mylin[i].to.x=p[i].x/(2-p[i].y)*round+starx;
mylin[i].to.y=p[i].z/(2-p[i].y)*round+stary;
}
}
function myinterval(){
myturn();
myfresh();
}
setInterval("myinterval();",100);
</script>

</body></html>